<!DOCTYPE html>
<html mip>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <!-- width=device-width：宽度等于屏幕宽度。user-scalable：静止缩放。缩放比例：1.0 -->
    <meta name="x5-orientation" content="portrait"/> <!-- 腾讯X5浏览器下强制竖屏显示 -->
    <meta name="screen-orientation" content="portrait"> <!-- UC浏览器下强制竖屏显示 -->
    <!-- 百度Mobile Instant Pages - 移动网页加速器 -->
    <link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css" >
    <link rel="stylesheet" href="css/index.css" />
    <script src="js/html5shiv.min.js" type="text/javascript" charset="utf-8" async defer></script><!-- 兼容HTML5标签 -->
    <!-- 根据屏幕宽度换算rem值 -->
    <script type="text/javascript" charset="utf-8"> 
        (function() {
             document.addEventListener('DOMContentLoaded', function () {
                var deviceWidth = document.documentElement.clientWidth;
                document.documentElement.style.fontSize = deviceWidth / 16 + 'px';  // 320/16=20px,1rem = 20px
            }, false);

            window.onresize = function(){
                var deviceWidth = document.documentElement.clientWidth;
                document.documentElement.style.fontSize = deviceWidth / 16 + 'px';
            };
        })()
    </script>
    
</head>
<body>
<!-- 百度Mobile Instant Pages - 移动网页加速器 -->
<script src="https://mipcache.bdstatic.com/static/v1/mip.js" ></script>
<header>
    <div class="logo"></div>
    <div class="search"></div>
    <a class="phone"></a>
</header>
<main>
    <div class="banner"><mip-img src="img/banner.jpg"></div>
    <nav>
        <a href="#"><div class="pic"><mip-img src="img/nav_1.png" title="婚宴酒店" class="pic-box"></div>婚宴酒店</a>
        <a href="#"><div class="pic"><mip-img src="img/nav_2.png" title="自营婚庆" class="pic-box"><span class="hot">热门</span></div>自营婚庆</a>
        <a href="#"><div class="pic"><mip-img src="img/nav_3.png" title="婚车租赁" class="pic-box"></div>婚车租赁</a>
        <a href="#"><div class="pic"><mip-img src="img/nav_4.png" title="严选商家" class="pic-box"><span class="hot">特色</span></div>严选商家</a>
        <a href="#"><div class="pic"><mip-img src="img/nav_5.png" title="为你写歌" class="pic-box"></div>为你写歌</a>

        <a href="#"><div class="pic"><mip-img src="img/nav_6.png" title="黄道吉日" class="pic-box"></div>黄道吉日</a>
        <a href="#"><div class="pic"><mip-img src="img/nav_7.png" title="电子请柬" class="pic-box"></div>电子请柬</a>
        <a href="#"><div class="pic"><mip-img src="img/nav_8.png" title="在线管家" class="pic-box"><span class="hot2">查档期</span></div>在线管家</a>
        <a href="#"><div class="pic"><mip-img src="img/nav_9.png" title="轻写真" class="pic-box"></div>轻写真</a>
        <a href="#"><div class="pic"><mip-img src="img/nav_10.png" title="每日签到" class="pic-box"></div>每日签到</a>
    </nav>

    <div class="msactive">
        <div class="t">秒杀活动专区</div>
        <div class="content">
            <dl class="list">
                <dt>距离结束：5天</dt>
                <dd><div class="pic"><mip-img src="img/temp1.jpg"></div><div class="t"></div></dd>
            </dl>
            <dl class="list">
                <dt>距离结束：5天</dt>
                <dd><div class="pic"><mip-img src="img/temp1.jpg"></div><div class="t"></div></dd>
            </dl>
            <dl class="list">
                <dt>距离结束：5天</dt>
                <dd><div class="pic"><mip-img src="img/temp1.jpg"></div><div class="t"></div></dd>
            </dl>
            <dl class="list">
                <dt>距离结束：5天</dt>
                <dd><div class="pic"><mip-img src="img/temp1.jpg"></div><div class="t"></div></dd>
            </dl>
        </div>
        <div class="more">更多 <i class="icon iconfont icon-jiantou-you-shixin-yuanxing"></i></div>
    </div>

    <div class="index_m1">
        <div class="rbox">
            <div class="x3">
                <h6>婚品严选<p>小当家实拍商品</p></h6>
                <mip-img src="img/index-3.jpg" class="imgbox">
            </div>
        </div>
        <div class="lbox">
            <div class="x1">
                <h6>免息结婚贷款<p>原来结婚也可以赚钱</p></h6>
                <mip-img src="img/index-1.jpg" class="imgbox">
            </div>
            <div class="x2">
                <h6>厂家直供酒水<p>低于超市价 正品</p></h6>
                <mip-img src="img/index-2.jpg" class="imgbox">
            </div>
        </div>
        
    </div>

    <div class="index_m2">
        <div class="rbox">
            <h6>企业活动预订<p>省30%-50%<br />免服务费</p><span class="icon2">HOT</span></h6>
            <mip-img src="img/index-5.png" class="imgbox">
        </div>
        <div class="lbox">
            <h6>生日宴、满月酒创意派对<p>一站式服务<br />订单有惊喜</p><span class="icon2">FASHION</span></h6>
            <mip-img src="img/index-4.png" class="imgbox">
        </div>
    </div>

    <div class="index_m3">
        <div class="rbox">
            <div class="x1">
                <h6>户外婚礼<p>婚礼会所</p></h6>
                <mip-img src="img/index-7.jpg" class="imgbox">
            </div>
            <div class="x2">
                <h6>高性价比酒店<p>特色餐饮</p></h6>
                <mip-img src="img/index-8.jpg" class="imgbox">
            </div>
        </div>
        <div class="lbox">
            <span class="tag">返现</span>
            <h6>星级酒店<p>优先预留档期</p></h6>
            <mip-img src="img/index-6.jpg" class="imgbox">
        </div>
        
    </div>

    <div class="index_m4">
        <div class="tab">
            <ul>
                <li><a href="" class="on">精选商户</a></li>
                <li><a href="">婚宴酒店</a></li>
                <li><a href="">婚礼策划</a></li>
                <li><a href="">婚纱礼服</a></li>
                <li><a href="">婚纱摄影</a></li>
            </ul>
        </div>
        <div class="content">
            <ul>
                <li>
                    <div class="picbox"></div>
                    <div class="name">
                        <div class="price">￥3000/桌<br />预约立减￥200/桌</div>
                        <h1>中心大酒店</h1>
                        <span class="tag">星级酒店</span><span class="tag">鼓楼区</span>
                    </div>
                    <div class="describe">
                        位于南京繁华商业中心——新街口，是一座装修典雅、设施完善的涉外豪华酒店
                    </div>
                </li>

                <li>
                    <div class="picbox"></div>
                    <div class="name">
                        <!-- <div class="price">￥3000/桌<br />预约立减￥200/桌</div> -->
                        <h1>小清新蓝色婚礼布置</h1>
                    </div>
                    <div class="describe">
                        位于南京繁华商业中心——新街口，是一座装修典雅、设施完善的涉外豪华酒店
                    </div>
                </li>

                <li>
                    <div class="picbox"></div>
                    <div class="name">
                        <!-- <div class="price">￥3000/桌<br />预约立减￥200/桌</div> -->
                        <h1>只为你高兴，美少女伴娘团</h1>
                    </div>
                    <div class="shopname">
                        <mip-img src="img/header.jpg" class="shopimg"><h5>金锋团队JKFilm</h5>
                    </div>
                </li>
            </ul>

        </div>
    </div>
</main>

</body>
</html>
